<template>
  <ul>
    <li>
      <router-link to="/index">
        <img src="../../assets/tabbar/indexd.png" alt="" v-if="isCheck==1">
      <img src="../../assets/tabbar/index.png" alt="" v-else>

      </router-link>
      <span>首页</span>
    </li>
    <li @click="clear()">
      <router-link to="/money" >
        <img src="../../assets/tabbar/newsd.png" alt="" v-if="isCheck==2">
        <img src="../../assets/tabbar/news.png" alt="" v-else>

      </router-link>
      <span>资产</span>
    </li>
    <li>
      <router-link to="/performer">
        <img src="../../assets/tabbar/paperd.png" alt="" v-if="isCheck==3">
      <img src="../../assets/tabbar/paper.png" alt=""  v-else >

      </router-link>
      <span>交易</span>
    </li>

    <li @click="clear()">
      <router-link to="/my">
        <img src="../../assets/tabbar/homed.png" alt="" v-if="isCheck==4">
        <img src="../../assets/tabbar/home.png" alt="" v-else >
      </router-link>
      <span>我的</span>
    </li>
  </ul>


</template>
<style scoped>
  ul{
    width:375px;
    position: fixed;
    bottom: 0;
    flex-direction: row;
    z-index:100;
    height:50px;
    border-top: 1px solid #F3F5F7;
    background: #fff;
    display:flex;
  }

  ul li{
    display: flex;
    height: 50px;
    /*flex-grow: 1;*/
    flex:1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 10px;
  }
  ul li img{
    width:24px;
  }
</style>
<script>
    export default {
        name: "index",
      methods:{
        clear(){
          clearInterval(this.timer)
        }
      },
        props:['timer','isCheck']
    }
</script>


